@viewport{width:device-width}
@-o-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-webkit-viewport{width:device-width}


.image-title {
    width: 100%; 
    max-width: 800px; 
    min-width: 300px; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px; 
}

.image-subtitle {
    width: 90%; 
    max-width: 800px; 
    min-width: 300px; 
    margin-left: auto;
    margin-right: auto;
}

/*
.ic-div {  
    position: relative; 
    width: 100%; 
    max-width: 100%; 
    min-width: 300px;
    margin: 0 auto; 
}
*/

.header-navbar {
    margin: 20px 0px 30px 0px; 
    padding: 0 10px 0 10px ; 
    white-space: nowrap;
}

.site-header {
    margin: 0 auto;
    width: 100%; 
    overflow: hidden; 
}

.site-title {
    font-family: Serif;
    font-size: 30pt;
    white-space: wrap; 
}

a.site-title {
    color: black;
}

a:link.site-title {
    text-decoration: none;
}

.site-title h1 {
    margin: 20px 0px 20px 0px; 
    min-width: 300px;
}



@media only screen and (max-width: 525px) {

    .site-title {
        /* font-family: Serif; */ 
        font-size: 16pt;
        white-space: wrap; 
    }
    
}